<script setup lang='ts'>
import userNameAndImg from "../../components/userNameAndImg.vue";
import userSelect from "../../components/userSelect.vue";
import users from "../pc/users.vue";
</script>

<template>
    <div class="m">
        <userNameAndImg></userNameAndImg>
        <userSelect></userSelect>
    </div>
    <div class="pc">
        <users></users>
    </div>
</template>

<style scoped>
@media screen and (max-width:1024px) {
    .m {
        display: block;
    }

    .pc {
        display: none;
    }
}

@media screen and (min-width:1025px) {
    .m {
        display: none;
    }

    .pc {
        display: block;
    }
}
</style>